<div class="body"
     style="width: 98mm;box-sizing: border-box;border: 1px solid black;padding: 1.5mm 1mm 1mm 1mm;background-color: white;font-family: 'Microsoft Yahei', sans-serif">
  <!--  顶部区域-->
  <div style="height: 27.5mm;border-bottom: 1px solid black;position: relative">
    <div style="position: absolute;height: 12mm;width: 96mm">

      <span style="position: absolute;bottom: 0;left: 3mm;font-size: 2mm">{{time}}</span>
      <!--    是否特快送-->
      <span
        style="float: right;font-size: 6mm;line-height: 12mm;display: inline-block;height: 12mm;padding: 0 1mm;background-color: black;color: white;text-align: center;font-weight: bold">{{changePTT(data?.promiseTimeType)}}</span>

      <!--    是否航空件-->
      <span *ngIf="data?.transType===2"
            style="float: right;margin-right: 3mm;font-size: 12mm;line-height: 12mm;font-weight: bold">航</span>
    </div>

    <!--条形码-->
    <div style="text-align: center;top: 12.5mm;padding-bottom: 2mm;position: absolute;width: 96mm">
      <svg class="barcode" style="width: 80mm;display: inline-block"></svg>
    </div>
    <div
      style="font-size: 3mm;height: 3mm;line-height: 3mm;text-align: initial;position: absolute;bottom: 0;font-weight: bold;width: 100mm;">
      <span style="position: absolute;left: 22mm;">{{data?.expressNum}}-1-1-</span>
      <span style="position: absolute;right: 20mm" *ngIf="data?.addedService==='京尊达'">尊</span>
      <span style="position: absolute;right: 10mm" *ngIf="data?.weight">{{data?.weight}}kg</span>
    </div>
  </div>

  <!--  分拣信息区域-->
  <div style="height: 14mm;border-bottom: 1px solid black;position: relative">
    <div style="display: inline-block;width: 47mm;border-right: 1px solid black;text-align: center">
      <div style="height: 5mm;font-size: 4mm;font-weight: bold">
        {{data?.sourceSortCenterName}}
      </div>
      <div style="height: 9mm;line-height: 9mm;font-size: 7mm;font-weight: bold;overflow-x: hidden">
        {{data?.sourceCrossCode}}-{{data?.sourceTabletrolleyCode}}
      </div>
    </div>
    <div style="display: inline-block;width: 47mm;text-align: center">
      <div style="height: 5mm;font-size: 4mm;font-weight: bold">
        {{data?.targetSortCenterName}}
      </div>
      <div style="height: 9mm;line-height: 9mm;font-size: 7mm;font-weight: bold;overflow-x: hidden">
        {{data?.slideNo}}-{{data?.targetTabletrolleyCode}}
      </div>
    </div>
  </div>

  <!--  派送区域-->
  <div style="height: 8mm;border-bottom: 1px solid black;position: relative">
    <div style="display:inline-block;width: 81mm;height: 8mm;float: left;border-right: 1px solid black">
      <div style="height: 4mm;line-height: 4mm;border-bottom: 1px solid black">
        <span style="display: inline-block;width: 39mm;font-size: 3mm;"></span>
        <span style="display: inline-block;width: 39mm;border-left: 1px solid black;font-size: 3mm;">
          {{data?.siteName}}
        </span>
      </div>
      <div style="height: 4mm;line-height: 4mm;font-size: 3mm">
        {{data?.collectionValue === 1 ? 'COD ' : ' '}}
<!--        {{SINGRETURN[data?.singReturn]}}-->
        不返单
      </div>
    </div>
    <div
      style="display:inline-block;width: 14mm;height: 8mm;line-height: 8mm;text-align: center;float: right;font-weight: bold;font-size: 8mm">
      {{data?.road}}
    </div>
  </div>

  <!--  收款信息-->
  <div style="height: 4mm;border-bottom: 1px solid black;position: relative;line-height: 4mm;font-size: 3mm">
    <span style="position: absolute;left: 0" *ngIf="data?.isFreight ===1">运费到付</span>
<!--    <span style="position: absolute;right: 48mm" *ngIf="data?.collectionValue === 1">代收金额：5235.0￥</span>-->
<!--    <span style="position: absolute;right: 18mm">应收合计：325.0￥</span>-->
    <span *ngIf="[7,8,9].includes(data?.goodsType)"
          style="position: absolute;right: 3mm;background-color: black;color: white;width: 12mm;height: 4mm;line-height: 4mm;text-align: center;font-size: 3mm;font-weight: bold">
      {{GOODSTYPE[data?.goodsType]}}
    </span>
  </div>

  <!--  收件人联系方式-->
  <div
    style="height: 4mm;border-bottom: 1px solid black;position: relative;line-height: 4mm;font-size: 3mm;overflow: hidden">
    <span style="margin-right: 20mm">收</span>
    <span style="margin-right: 20mm">{{data?.receiverName}}</span>
    <span style="margin-right: 20mm">{{data?.receiverTel}}</span>
  </div>
  <!--  收件人地址-->
  <div
    style="border-bottom: 1px solid black;position: relative;line-height: 6mm;font-size: 4mm;font-weight: bold">
    <!--    {{data.receiverProvinceId}}-->
    <!--    {{data.receiverCityId}}-->
    <!--    {{data.receiverCountyId}}-->
    {{data?.receiverAddress}}
  </div>

  <!--  寄件信息-->
  <div
    style="border-bottom: 1px solid black;position: relative;line-height: 4mm;font-size: 3mm;overflow: hidden">
    <span style="margin-right: 2mm">寄</span>
    <span style="margin-right: 2mm">{{data?.senderName}}</span>
    <span style="margin-right: 2mm">{{data?.senderTel}}</span>
    <span style="margin-right: 2mm">{{data?.senderAddress}}</span>
  </div>
  <!--  条形码-->
  <div style="height: 13mm;border-bottom: 1px solid black;position: relative;padding: 1mm">
    <svg class="barcodeMin" style="display: inline-block"></svg>
    <div style="height: 3mm;line-height: 3mm;font-weight: bold;font-size: 3mm;position: absolute;bottom: 1mm">{{data?.expressNum}}</div>
  </div>

  <!--  物品信息-->
  <div style="height: 14mm;border-bottom: 1px solid black;position: relative;">
    <div style="display: inline-block;float: left;width: 15mm;height: 14mm;border-right: 1px solid black">

    </div>
    <div style="height: 14mm;display: inline-block;width: 80mm">
      <div style="border-bottom: 1px solid black;height: 10mm;font-size: 3mm;line-height: 3mm;position: relative">
        托寄物：{{data?.goods}}
        <b style="position: absolute;bottom: 1mm;right: 1mm;font-size: 4mm">已验视</b>
      </div>
      <div style="height: 4mm;line-height: 4mm;font-size: 3mm">订单号：<b>{{data?.orderId}}</b></div>
    </div>
  </div>

  <!--  备注-->
  <div style="height: 17mm;position: relative;line-height: 4mm;font-size: 4mm">
    备注：{{data?.remark}}
  </div>

</div>
